form{
    .P.I2 {
        display: flex;
        align-items: center;
        & > div {
            width: auto;
            margin-left: 18px;
            flex: 1;
            &:first-child {
                margin-left: 0;
            }
        }
    }
    .desc{
        margin: 10px 32px;
        font-size:14px;
    }
}
.VUE form {
    max-width: 552px;
    box-sizing:border-box;
    margin: auto;
    padding: 46px;
}
.VUE form{
    .label label,
    input,
    select,
    textarea {
        border: none;
    }
    .el-input {
        font-size: inherit;
    }
    .el-input .el-input__inner,
    input {
        height: 46px;
        line-height: 46px;
        padding: 0 15px;
        width: 100%;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 200;
        &::placeholder {
            color: #c0c4cc;
        }
        &:focus {
            outline: none;
            border-color: #219ceb;
        }
    }

    input[type="radio"] {
        -webkit-appearance: radio;
        display: inline;
        width: auto;
        height: auto;
    }

    .flex {
        display: flex;
        align-items: stretch;
        .el-input {
            width: auto;
            flex-grow: 1;
        }
    }
    .el-input--small .el-input__inner {
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .input-new-tag {
        width: 70px;
        text-align: center;
        vertical-align: bottom;
    }
    .el-button--primary {
        width: 100%;
    }

    .P {
        position: relative;
        margin-bottom: 18px;
        &.Pic {
            text-align: center;
            user-select: none;
            width: calc(100% + 8px);
            line-height: 0;
            margin-bottom: 10px;
        }
    }
    a.label {
        cursor: pointer;
        .txt {
            flex: 1;
            text-align: center;
            color: #1373e2;
        }
        &:hover {
            .txt {
                color: #f93;
            }
        }
    }
    .label {
        user-select: none;
        display: flex;
        background: #fff;
        color: #c0c4cc;
        padding-left: 15px;
        white-space: nowrap;
        cursor: text;
        line-height: 44px;
        border-right: 0;
        .el-input {
            width: auto;
            flex: 1;
            input {
                text-align: center;
            }
        }
    }
    & > div {
        width: auto;
    }

    .label,
    .el-input__inner,
    .el-select {
        &:hover {
            background: #fffff3;
            input,
            input:focus {
                background: transparent;
            }
        }
    }
    input:hover {
        background: #fffff3;
    }
    .el-dialog__wrapper {
        .el-autocomplete-suggestion.el-popper {
            margin-left: 0;
        }
    }
    &.disabled {
        .el-tag .el-icon-close {
            display: none;
        }
        & > div,
        & > p {
            filter: grayscale(100%);
            pointer-events: none;
        }
        .label,
        .el-tag,
        input,
        select,
        button,
        textarea {
            background: transparent;
            border-color: #e4e7ed;
            color: #c0c4cc;
        }
        button {
            background: #eee;
        }
        .el-upload {
            background: transparent;
            border-color: #e4e7ed;
        }
        .el-upload--picture-card .UR,
        .el-upload--picture-card .tip,
        .el-radio__label,
        .el-radio__input.is-checked + .el-radio__label {
            color: #c0c4cc;
        }
        .label input {
            border: 0;
        }
        button.el-button.el-button--primary span:before {
            background: url(~file/img/ing.svg) 50% 50% / cover;
            height: 25px;
            width: 25px;
            content: "";
            position: absolute;
            margin-top: -5px;
            margin-left: -32px;
        }
        .el-select__tags {
            input {
                border: 0;
            }
        }
        .el-radio__input {
            .el-radio__inner {
                border-color: #e4e7ed;
                background: transparent;
            }
        }
        .el-radio__input.is-checked .el-radio__inner {
            background: #eee;
        }
    }
    .el-dialog {
        input,
        select,
        textarea {
            border: 1px solid #ccc;
        }
        .el-select {
            input.el-select__input {
                border: 0;
            }
        }
    }
    .el-tag {
        margin-right: 8px;
    }
    .el-tag,
    .input-new-tag {
        margin-bottom: 8px;
    }
    .el-select {
        .el-select__tags > span {
            display: inline-block;
        }
        input.el-select__input {
            margin: 0;
        }
        .el-tag,
        .input-new-tag {
            margin-right: 0;
            margin-bottom: 0;
        }
    }
}
.Side {
    .el-input__inner,
    .el-select {
        &:hover {
            background: transparent;
        }
    }
}
